<template>
  <main
    class="mx-auto py-8 px-4 xl:w-[1140px] lg:w-[960px] md:w-[720px] sm:w-[540px] w-full"
  >
    <div class="gap-6 flex flex-col sm:flex-row">
      <div class="flex-grow-[1] flex-shrink-0 order-2 sm:w-0">
        <slot name="right"></slot>
      </div>
      <div class="flex-grow-[3] flex-shrink-0 order-1 sm:w-0">
        <slot></slot>
      </div>
    </div>
  </main>
</template>
